<template>
    <div class="wrapper">
        <Head :user="user"></Head>
        <Menu></Menu>
        <div class="content">
            <transition name="move" mode="out-in"><router-view></router-view></transition>
        </div>
    </div>
</template>

<script>
    import Menu from 'components/menu/menu';
    import Head from 'components/head/head';
    import {mapGetters} from 'vuex'
    import hljs from 'common/highlight'
    
    window.hljs = hljs
    export default {
        computed:{
            ...mapGetters([
              'user'
            ])
        },
        components:{
            Menu, Head
        }
    }
</script>
<style scoped>
    .content{
        margin: 70px 0 0 250px;
        height: 600px;
        background: none repeat scroll 0 0 #fff;
        padding: 55px;
        box-sizing: border-box;
        overflow: auto !important;
    }
</style>
